﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/MainMaster.Master"
    Inherits="System.Web.Mvc.ViewPage<dynamic>" %>

<%@ Register Src="TinChiTichLuyBatBuoc.ascx" TagName="TinChiTichLuyBatBuoc" TagPrefix="uc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    TheoDoiSinhVien
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    
    <script src="../../Scripts/horizontal_progressbar/jquery.js" type="text/javascript"></script>
    <script src="../../Scripts/horizontal_progressbar/jquery.progressbar.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        

        $(document).ready(function () {
            $("#pbTinChiTichLuyTongQuat").progressBar(15, { barImage: '../../images/horizontal_progressbar/progressbg_red.gif' });
            $("#pbTinChiTichLuyBatBuoc").progressBar(73, { barImage: '../../images/horizontal_progressbar/progressbg_yellow.gif' });
            $("#pbTinChiTichLuyTuChon").progressBar(48, { barImage: '../../images/horizontal_progressbar/progressbg_orange.gif' });
            $("#pb4").progressBar(65, { showText: false, barImage: '../../images/horizontal_progressbar/progressbg_red.gif' });
            $(".pb5").progressBar({ max: 2000, textFormat: 'fraction', callback: function (data) { if (data.running_value == data.value) { alert("Callback example: Target reached!"); } } });
           
        }); 
    </script>

    <div>        
        <strong>Some controls: </strong><a href="#" onclick="$('#pbTinChiTichLuyTongQuat').progressBar(20);">20</a>
        | <a href="#" onclick="$('#pbTinChiTichLuyBatBuoc').progressBar(70);">40</a> | <a href="#" onclick="$('#pbTinChiTichLuyTuChon').progressBar(40);">
            60</a> | <a href="#" onclick="$('#pb4').progressBar(50);">80</a> | <a href="#" onclick="$('#pb1').progressBar(100);">
                100</a>
    </div>
    <table border="1">
        <tr>
            <td style="width:20%">
                Đánh giá tổng quát
            </td>
            <td>
                <table>
                    <tr>
                        <td colspan="3" align="center" style="background-color: Black; color: White; font-weight: bolder">
                            TÍN CHỈ
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Chung
                        </td>
                        <td>
                            <span class="progressBar" id="pbTinChiTichLuyTongQuat"></span>
                        </td>
                        <td align="right">
                            <%=ViewData["TinChiTichLuyTongQuat"]%>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Bắt buộc
                        </td>
                        <td>
                            <span class="progressBar" id="pbTinChiTichLuyBatBuoc"></span>
                        </td>
                        <td align="right">
                            <%=ViewData["TinChiTichLuyBatBuoc"]%>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Tự chọn
                        </td>
                        <td>
                            <span class="progressBar" id="pbTinChiTichLuyTuChon"></span>
                            
                        </td>
                        <td align="right">
                            <%=ViewData["TinChiTichLuyTuChon"]%>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" align="center" style="background-color: Black; color: White; font-weight: bolder">
                            TOEIC
                        </td>
                    </tr>
                    <tr>
                        <td>
                            DS AVGT đã hoàn thành
                        </td>
                        <td>
                            (progress bar)
                        </td>
                        <td>                            
                            <%=ViewData["HocPhanAVGTDaHT"]%>
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Điểm TOEIC tương ứng đã hoàn thành
                        </td>
                        <td>
                            (progress bar)
                        </td>
                        <td align="right">
                            <%=ViewData["DiemToeicDaHT"] %>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" align="center" style="background-color: Black; color: White; font-weight: bolder">
                            GIÁO DỤC QUỐC PHÒNG
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Học phần GDQP còn nợ
                        </td>
                        <td>
                            (progress bar)
                        </td>
                        <td>
                            <%=ViewData["DSHocPhanGDQPConNo"] %>
                        </td>
                    </tr>                    
                    <tr>
                        <td>
                            Học phần GDQP đã hoàn thành
                        </td>
                        <td>
                            (progress bar)
                        </td>
                        <td>
                            <%=ViewData["DSHocPhanGDQPDaHT"] %>
                        </td>
                    </tr>
                    <tr>
                        <td colspan="3" align="center" style="background-color: Black; color: White; font-weight: bolder">
                            GIÁO DỤC THỂ CHẤT
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Học phần GDTC còn nợ
                        </td>
                        <td>
                            (progress bar)
                        </td>
                        <td>
                            <%=ViewData["DSHocPhanGDTCConNo"]%>
                        </td>                        
                    </tr>
                    <tr>
                        <td>
                            Học phần GDTC đã hoàn thành
                        </td>
                        <td>
                            (progress bar)
                        </td>
                        <td>
                            <%=ViewData["DSHocPhanGDTCDaHT"]%>
                        </td>                        
                    </tr>
                    <tr>
                        <td>
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table>
</asp:Content>
